<template>
	<view class="expire-page">
		<view class="tips">VIP已到期，家长管控功能</view>
		<view class="renew" @click="jumpPage"> 去续费 <van-icon name="/static/icon/chevron-right.png" size="20px" /></view>
	</view>
</template>

<script setup lang="ts">
	const jumpPage = () => {
		uni.navigateTo({
			url:"/pagesB/memberCenter/index"
		})
	}
</script>

<style lang="scss" scoped>
	.expire-page{
	
		width: calc(100% - 40upx);
		height: 60upx;
		// background: linear-gradient( 90deg, #273F36 0%, #28432A 100%);
		background:rgba(0,0,0,.15);
		border-radius: 29px 29px 29px 29px;
		margin:12upx auto 20upx auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		.tips{
			font-family: PingFang SC, PingFang SC;
			font-weight: 800;
			font-size: 14px;
			color: #FFD44B;
			text-align: left;
			font-style: normal;
			text-transform: none;
			padding-left: 17upx;
		}
		.renew{
			display: flex;
			align-items: center;
			padding-right: 17upx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 800;
			font-size: 14px;
			color: #FFFFFF;
			text-align: right;
			font-style: normal;
			text-transform: none;
		}
	}
</style>